.root {
      -fx-background-image: url("background.png");
}

.list-cell:empty {
    -fx-background-color: white;
}




#selectedCategorie {
    -fx-font-size: 32px;
    -fx-font-family: "Arial Black";
    -fx-fill: #818181;
    -fx-effect: innershadow( three-pass-box , rgba(0,0,0,0.7) , 6, 0.0 , 0 , 2 );
}

/* ------ light-row --------*/
.table-row-cell.light-row {
     -fx-background-color: -fx-table-cell-border-color, -fx-control-inner-background;
     -fx-background-insets: 0, 0 0 1 0;
     -fx-padding: 0.0em; /* 0 */
     -fx-text-fill: -fx-text-inner-color;
}

.table-row-cell.light-row:focused {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
}



/* When the table-row-cell is selected and focused */
 .table-view:focused .table-row-cell.light-row:filled:focused:selected {
     -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
     -fx-background-insets: 0, 1, 2;
     -fx-background: -fx-accent;
     -fx-text-fill: -fx-selection-bar-text;
 }

.table-view:focused .table-row-cell.light-row:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

.table-view:focused .table-row-cell.light-row:filled:selected, .table-view:row-selection .table-row-cell.light-row:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

.table-view:focused .table-row-cell.light-row:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/* When the TableView is _not_ focused, we show alternate selection colors */
.table-row-cell:filled:selected:focused, .table-row-cell.light-row:filled:selected {
    -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
         -fx-background-insets: 0, 0 0 1 0;
         -fx-text-fill: -fx-text-inner-color;
}

.table-row-cell.light-row:selected:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.table-view:row-selection .table-row-cell.light-row:filled:hover {
    -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-text-fill: -fx-text-inner-color;
}

.table-view:row-selection .table-row-cell.light-row:filled:focused:hover {
    -fx-background-color: -fx-table-cell-border-color, -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0, 0 0 1 0, 1 1 2 1, 2 2 3 2, 3 3 4 3;
    -fx-text-fill: -fx-text-inner-color;
}

/* ------ dark-row --------*/
.table-row-cell.dark-row{
    -fx-background-color: -fx-table-cell-border-color, derive(-fx-control-inner-background,-10%);
        -fx-background-insets: 0, 0 0 1 0;
 }

 .table-row-cell.dark-row:focused {
     -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, derive(-fx-control-inner-background,-10%);
     -fx-background-insets: 0, 1, 2;
 }
  /* When the table-row-cell is selected and focused */
  .table-view:focused .table-row-cell.dark-row:filled:focused:selected {
      -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
      -fx-background-insets: 0, 1, 2;
      -fx-background: -fx-accent;
      -fx-text-fill: -fx-selection-bar-text;
  }   -fx-background-color: -fx-table-cell-border-color, derive(-fx-control-inner-background,-10%);

  .table-view:focused .table-row-cell.dark-row:filled:selected .table-cell {
      -fx-text-fill: -fx-selection-bar-text;
  }

  .table-view:focused .table-row-cell.dark-row:filled:selected, .table-view:row-selection .table-row-cell.dark-row:filled:hover:selected {
      -fx-background: -fx-accent;
      -fx-background-color: -fx-selection-bar;
      -fx-text-fill: -fx-selection-bar-text;
  }

  .table-view:focused .table-row-cell.dark-row:filled:focused:selected:hover {
      -fx-background: -fx-accent;
      -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
      -fx-background-insets: 0, 1, 2;
      -fx-text-fill: -fx-selection-bar-text;
  }

  /* When the TableView is _not_ focused, we show alternate selection colors */
  .table-row-cell:filled:selected:focused, .table-row-cell.dark-row:filled:selected {
      -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
      -fx-background-insets: 0, 0 0 1 0;
      -fx-text-fill: -fx-text-inner-color;
  }

  .table-row-cell.dark-row:selected:disabled {
      -fx-opacity: -fx-disabled-opacity;
  }

  .table-view:row-selection .table-row-cell.dark-row:filled:hover {
      -fx-background-color: -fx-table-cell-border-color, -fx-cell-hover-color;
      -fx-background-insets: 0, 0 0 1 0;
      -fx-text-fill: -fx-text-inner-color;
  }

  .table-view:row-selection .table-row-cell.dark-row:filled:focused:hover {
      -fx-background-color: -fx-table-cell-border-color, -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
      -fx-background-insets: 0, 0 0 1 0, 1 1 2 1, 2 2 3 2, 3 3 4 3;
      -fx-text-fill: -fx-text-inner-color;
  }

  .table-row-cell:odd {
      -fx-background-color: -fx-table-cell-border-color, -fx-control-inner-background;
         -fx-background-insets: 0, 0 0 1 0;
         -fx-padding: 0.0em; /* 0 */
         -fx-text-fill: -fx-text-inner-color;
  }



.total {
     -fx-font-weight: bold;
 }

.normal {
     -fx-font-weight: normal;
}